<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <!--<title>${siteConfig.shopName!}</title>  <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />-->
    <title>商城首页</title>  <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />
    <meta name="Author" content="Meida Team"/>
    <meta name="Copyright" content="Meida"/>
    <%if (siteConfig.metaKeywords! != ""){%>
    <meta name="keywords" content="${siteConfig.metaKeywords}"/>
    <%}%>
    <%if (siteConfig.metaDescription! != ""){%>
    <meta name="description" content="${siteConfig.metaDescription}"/>
    <%}%>
    <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon"/>
    <% include("include.html"){}%>
    <link href="/template/pc1/css/login.css" rel="stylesheet" type="text/css"/>
    <link href="/template/pc1/css/register.css" rel="stylesheet" type="text/css"/>
    <link href="/template/pc1/css/index.css" rel="stylesheet" type="text/css"/>
    <link href="/template/pc1/css/product.css" rel="stylesheet" type="text/css"/>
    <link href="/template/pc1/css/article.css" rel="stylesheet" type="text/css"/>
    <link href="/template/pc1/css/header.css" rel="stylesheet" type="text/css"/>
    <link href="https://static.9hive.cn/global/vendor/icheck/icheck.min.css" rel="stylesheet">

    <script type="text/javascript" src="/template/pc1/js/login.js"></script>
    <script type="text/javascript" src="/template/pc1/js/register.js"></script>
    <!--<script type="text/javascript" src="/template/pc1/js/index.js"></script>-->
    <script type="text/javascript" src="/template/pc1/js/product.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $(".slider .scrollable").scrollable({
                circular: true,
                speed: 500
            }).autoscroll({
                autoplay: true,
                interval: 4000
            }).navigator();

            $(".hotProduct .scrollable").scrollable({
                circular: true,
                speed: 500
            });

            $(".newProduct ul.newProductTab").tabs(".newProduct .newProductTabContent", {
                effect: "fade",// 逐渐显示动画
                fadeInSpeed: 500,// 动画显示速度
                event: "mouseover"// 触发tab切换的事件
            });

        })
    </script>
    <!--banner-->
    <script type="text/javascript" src="/template/pc1/js/owl.carousel.min.js"></script>

    <script>
        $(function () {
            $('#slider_index').owlCarousel({
                items: 1,
                autoPlay: 3000,
            });
        });
    </script>
    <!--下拉-->
    <script type="text/javascript">
        $(function () {
            $('li.listdown').hover(function () {
                $(this).addClass("nav_current").find('.all').siblings('.xmzs0').stop().slideDown(200);
            }, function () {
                $(this).removeClass("nav_current").find('.all').siblings('.xmzs0').stop().slideUp(200);
            });
        });
    </script>
</head>
<body class="index">
<%include("header_index_sys.html"){}%>
<!--<div id="gwc" style="position: absolute;right: 200px;top: 44px;background-color: #fff">
    <input type="button" class="cartItemListButton showCartItemList" value="购物车"
           onclick="window.open('/b/cartItem/list?shopId=${shopId!}')"/>
    <ul id="cartItemListDetail"></ul>
</div>-->
<div class="banner">
    <div id="slider_index" class="owl-carousel">
        <%for(list in businessAdImgList!){%>
        <%if(list.adTypeId==1){%>
        <a class="" href="${list.url}"> <img src="${list.image!}"/></a>
        <%}%>
        <%}%>
    </div>
    <!--<ul class="imglist">
        <li><a href="product/201612/1482747145813.html" target="_blank"><img class="list_img" src="/upload/image/bannerx1.jpg" /></a></li>
        <li><a href="product/201612/1482731662960.html" target="_blank"><img class="list_img" src="/upload/image/bannerx2.jpg" /></a></li>
        <li><a href="product/201612/1482731686894.html" target="_blank"><img class="list_img" src="/upload/image/bannerx3.jpg" /></a></li>
    </ul>-->
</div>
<div class="body">
    <div class="newProduct">
        <div class="left toplist">
            <div class="list_title">全部商品</div>
            <ul class="newProductTab">
                <%for(list in rootProductCategoryList){%>
                <li>
                    ${list.name}
                </li>
                <%if (listLP.index == 10){%>
                <%break;%>
                <%}%>
                <%}%>
            </ul>
        </div>
        <div class="right">
            <%for(list in rootProductCategoryList){%>
            <ul class="newProductTabContent">
                <div class="hd_more">
                    <a target="_blank" href="/b/pc/product/list?id=${list.id}&shopId=${shopId!}" class="more_pro">MORE&gt;&gt;</a>
                </div>
                <%for(listMap in newProductMap[list.id]){%>
                <li class="box-shadow">
                    <a target="_blank" href="${listMap.htmlFilePath}">
                        <img src="${listMap.productImageList[0].bigProductImagePath!siteConfig.defaultThumbnailProductImagePath}"
                             alt="${listMap.name}"/>

                        <%if (strutil.length(list.name) < 10){%>
                        <p title="${listMap.name}">${listMap.name}</p>
                        <%}else{%>
                        <p title="${listMap.name}">${strutil.subStringTo(listMap.name,0,8)}...</p>
                        <%}%>
                        <p class="red">${listMap.price,priceCurrencyFormat}</p>
                        <div class="liji">立即购买</div>
                    </a>
                </li>
                <%if (listLP.index == 30){%>
                <%break;%>
                <%}%>
                <%}%>
            </ul>
            <%if (listLP.index == 30){%>
            <%break;%>
            <%}%>
            <%}%>
        </div>
    </div>
    <div class="bodyRight bodyRight_width">
        <div class="blank"></div>
        <div class="hotProduct">
            <div class="title_big">
                <div class="hotlists">
                    <h3><span>特惠产品</span></h3>
                </div>
            </div>
            <a class="prev browse"></a>
            <div class="scrollable">
                <div class="items">
                    <%for(list in cheapProductList){%>
                    <%if (listLP.index == 1){%>
                    <div>
                        <ul>
                            <%}%>
                            <li class="box-shadow2">
                                <a href="${list.htmlFilePath}">
                                    <img src="${list.productImageList[0].bigProductImagePath!siteConfig.defaultThumbnailProductImagePath}"
                                         alt="${list.name}"/>
                                    <%if (strutil.length(list.name) < 20){%>
                                    <p title="${list.name}">${list.name}</p>
                                    <%}else{%>
                                    <p title="${list.name}">${strutil.subStringTo(list.name,0,20)}...</p>
                                    <%}%>
                                </a>
                            </li>
                            <%if ((listLP.index % 4 == 0) && (listLP.last && listLP.index != 12)){%>
                        </ul>
                    </div>
                    <div>
                        <ul>
                            <%}%>
                            <%if ((listLP.index % 4 == 0) && !listLP.last || listLP.index == 12){%>
                        </ul>
                    </div>
                    <%break;%>
                    <%}%>
                    <%}%>
                </div>
            </div>
            <a class="next browse"></a>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="blank"></div>
<div class="bodyRight bodyRight_width">
    <div class="bestProduct">
        <div class="title_big">
            <div class="hotlists">
                <h3><span>精品推荐</span></h3>
            </div>
            <!--tab-->
            <!--<div class="hd hd_right"><div class="new">BEST</div><a href="https://139.196.207.66:8080/shop/product/list?id=c5910cfe886244c9b23bd0234d946c3e" class="more_pro">MORE&gt;&gt;</a></div>-->
        </div>
        <div class="middle">
            <ul>
                <%for(list in bestProductList){%>
                <li class="box-shadow2">
                    <a target="_blank" href="${list.htmlFilePath}">
                        <img src="${list.productImageList[0].bigProductImagePath!siteConfig.defaultThumbnailProductImagePath}"
                             alt="${list.name}"/>
                        <%if (strutil.length(list.name) < 20){%>
                        <p title="${list.name}">${list.name}</p>
                        <%}else{%>
                        <p title="${list.name}">${strutil.subStringTo(list.name,0,18)}...</p>
                        <%}%>
                        <p class="red">${list.price,priceCurrencyFormat}</p>
                        <div class="clear"></div>
                        <div class="liji">立即购买</div>
                    </a>
                </li>
                <%if (listLP.index == 8){%>
                <%break;%>
                <%}%>
                <%}%>
            </ul>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="blank"></div>
<%include("footer.html"){}%>
<script src="https://static.9hive.cn/global/vendor/icheck/icheck.min.js"></script>
<script type="text/javascript">
    (function () {
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_flat-blue',
        });
    })()

</script>
</body>
</html>